<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- saved from url=(0040)http://dasha.ics.hawaii.edu:8200/canopy/ -->
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" xml:lang="en" lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <!-- Use the chrome frame -->
    <meta http-equiv="X-UA-Compatible" content="chrome=IE8">
    <title>Kukui Cup : </title>
    
    
    
<link rel="stylesheet" href="./global_css/jquery-ui.css">
<link rel="stylesheet" href="./global_css/screen.css">
<link rel="stylesheet" href="./global_css/frontendadmin.css">
<link rel="stylesheet" href="./global_css/uni-form.css">
<link rel="stylesheet" href="./canopy_files/canopy.css">
<link rel="stylesheet" href="./global_css/theme.css">


  <meta http-equiv="Powered by Ajile 1.2.1" content="ajile.iskitz.com :: Smart scripts that play nice ">
  <script type="text/javascript" src="./canopy_files/org.wattdepot.gdata.GDataLoader.js"></script>
  <script type="text/javascript" src="./canopy_files/org.wattdepot.gdata.makahiki.EnergyRank.js"></script>

  

  <script src="./canopy_files/canopy.js" type="text/javascript"></script>



<body>
<div class="container">
  <div class="container-top">
  <div class="container-bottom">
  
  
  <div id="header">
    


<div style="margin-top: 10px">
  
  <div id="header-logout">
    
    
    <button id="header-feedback" href="javascript:void(0);">Send Feedback</button>
    <a href="http://dasha.ics.hawaii.edu:8200/account/cas/logout/?next=/landing/">Logout</a>
  </div>

  <div id="header-logo">
    <a href="home.html"><img src="./canopy_files/logo.png" title="Home"></a>
  </div>

  <div id="header-info">
    



  <div id="header-avatar">
    <img src="./canopy_files/default_avatar.png">
  </div>
  
  
  <div id="header-user-info">
    <div id="header-user-username">
      &lt;george&gt;
    </div>
    <div id="user-cycle" style="position: relative; width: 120px; height: 61px; ">
      





<!-- Third slideshow element -->
<div id="header-user-floor-rank3" style="position: absolute; top: 0px; left: 0px; width: 120px; height: 61px; z-index: 2; opacity: 0; display: none; ">
  <div id="header-user-points">
    <h3>88</h3>
    <div id="header-text">points</div>
  </div>
  <div id="header-user-rank">
    <h3>#1</h3>
    <div id="header-text">out of 51 in Ilima-E</div>
  </div>
</div>
<!-- Fourth slideshow element -->
<div id="header-user-overall-rank4" style="position: absolute; z-index: 3; top: 0px; left: 0px; display: block; width: 120px; height: 61px; opacity: 1; ">
  <div id="header-user-points">
    <h3>88</h3>
    <div id="header-text">points</div>
  </div>
  <div id="header-user-rank">
    <h3>#1</h3>
    <div id="header-text">out of 1013 overall</div>
  </div>
</div>




    </div>
  </div>
  
  
  
  <div id="header-floor-info">
    <div id="header-floor-name">
      Ilima: Lounge E
    </div>
    <div id="floor-cycle" style="position: relative; width: 120px; height: 66px; "> 
      






<div id="header-floor-overall-rank3" style="position: absolute; top: 0px; left: 0px; width: 120px; height: 66px; z-index: 2; opacity: 0; display: none; ">
  <div id="header-floor-points">
    <h3>1338</h3>
    <div id="header-text">points overall</div>
  </div>
  <div id="header-floor-rank">
    <h3>#1</h3> 
    <div id="header-text">out of 20 in all dorms</div>
  </div>
</div>

<div id="header-floor-overall-rank4" style="position: absolute; z-index: 3; top: 0px; left: 0px; display: block; width: 120px; height: 38px; opacity: 1; ">
  <div id="header-floor-energy">
    <h3 id="overall-energy-value">141</h3>
     <div id="header-text">kWh used overall</div>
  </div>
  <div id="header-floor-rank">
    <h3 id="overall-energy-rank">#14</h3> 
    <div id="header-text">out of 20 in all dorms</div>
  </div>
</div>


    </div>
  </div>
  <div id="header-floor-image">
    <img src="./canopy_files/hale.ilima.jpg">
  </div>
  

  </div>  
  
  <div id="header-nav">
    <div class="">
      
       
<div id="header-nav-links">
  <ul>
    <li>
      <a href="activities.html" class="activities">
        <img src="./canopy_files/spacer.png">
        <h4>Get Nutz</h4>
      </a>
    </li>
    <li><a href="energy.html" class="energy">
        <img src="./canopy_files/spacer.png">
        <h4>Go Low</h4>
      </a>
    </li>
    <li>
      <a href="news.html" class="news">
        <img src="./canopy_files/spacer.png">
        <h4>News</h4>
      </a>
    </li>
    <li>
      <a href="prizes.html" class="prizes">
        <img src="./canopy_files/spacer.png">
        <h4>Prizes</h4>
      </a>
    </li>
    <li>
      <a href="profile.html" class="profile">
        <img src="./canopy_files/spacer.png">
        <h4>Profile</h4>
      </a>
    </li>
    <li>
      <a href="help.html" class="help">
        <img src="./canopy_files/spacer.png">
        <h4>Help</h4>
      </a>
    </li>
  </ul>
</div>


    </div>
    
  </div>
</div>


  

  



  

<div id="mission-box" style="clear: both">
  <div id="mission-header">
    <h3 id="mission-title">Canopy missions</h3>
    <a href="http://dasha.ics.hawaii.edu:8200/canopy/#" style="float: right">
    <img src="./canopy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;canopy-missions&#39;); return false;"></a>
	</div>
	<div style="clear: both"></div>
	
	
	
  
    <ul id="mission-list">
      
        


<li class="canopy-mission">
  <a href="javascript:void(0)" id="visualizations" class="quest-title ">
    Visualizations
  </a>
  <div class="quest-description" style="display:none">
    <p>(placeholder)</p>
    <div class="mission-links">
      
      
        Do the following activities to complete this mission:
        <ul>
          
          <li>
            <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/visualization-1/">Visualization 1</a>
          </li>
          
          <li>
            <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/visualization-2/">Visualization 2</a>
          </li>
          
        </ul>
      
    </div>
    
    
    
    <div class="mission-users">
      
      
      <h4>Be the first to complete this mission!</h4>
      
      
    </div>
    <br style="clear: both">
    
    <div class="quest-options">
      
    </div>
  </div>
</li>
        
      
        


<li class="canopy-mission">
  <a href="javascript:void(0)" id="find-waste" class="quest-title ">
    Find Waste
  </a>
  <div class="quest-description" style="display:none">
    <p>(placeholder)</p>
    <div class="mission-links">
      
      
        Do the following activities to complete this mission:
        <ul>
          
          <li>
            <a href="http://dasha.ics.hawaii.edu:8200/activities/activity/find-waste/">Find Waste</a>
          </li>
          
        </ul>
      
    </div>
    
    
    
    <div class="mission-users">
      
      
      <h4>Be the first to complete this mission!</h4>
      
      
    </div>
    <br style="clear: both">
    
    <div class="quest-options">
      
    </div>
  </div>
</li>
        
      
        


<li class="canopy-mission">
  <a href="javascript:void(0)" id="compare-energy" class="quest-title ">
    Compare Energy
  </a>
  <div class="quest-description" style="display:none">
    <p>(placeholder)</p>
    <div class="mission-links">
      
      
      <h4>To see what you need to do, you must sign up for the mission first!</h4>
      
    </div>
    
    
    <div class="mission-users">
      
      
      <h4>No users are currently participating in this mission.</h4>
      
      
    </div>
    
    
    <div class="mission-users">
      
      
      <h4>Be the first to complete this mission!</h4>
      
      
    </div>
    <br style="clear: both">
    
    <div class="quest-options">
      
      
        
        <form action="http://dasha.ics.hawaii.edu:8200/canopy/mission/compare-energy/accept/" method="POST" style="display: inline">
          <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9"></div>
          <button type="submit" style="margin-right: 20px">I am up for this mission</button>
        </form>
        
      
      
      
      
      
    </div>
  </div>
</li>
        
      
        


<li class="canopy-mission">
  <a href="javascript:void(0)" id="be-good-samaritan" class="quest-title ">
    Be A Good Samaritan
  </a>
  <div class="quest-description" style="display:none">
    <p>(placeholder)</p>
    <div class="mission-links">
      
      
      <h4>To see what you need to do, you must sign up for the mission first!</h4>
      
    </div>
    
    
    <div class="mission-users">
      
      
      <h4>No users are currently participating in this mission.</h4>
      
      
    </div>
    
    
    <div class="mission-users">
      
      
      <h4>Be the first to complete this mission!</h4>
      
      
    </div>
    <br style="clear: both">
    
    <div class="quest-options">
      
      
        
        <form action="http://dasha.ics.hawaii.edu:8200/canopy/mission/be-good-samaritan/accept/" method="POST" style="display: inline">
          <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9"></div>
          <button type="submit" style="margin-right: 20px">I am up for this mission</button>
        </form>
        
      
      
      
      
      
    </div>
  </div>
</li>
        
      
        


<li class="canopy-mission">
  <a href="javascript:void(0)" id="attend-community-event" class="quest-title ">
    Attend a Community Event
  </a>
  <div class="quest-description" style="display:none">
    <p>(placeholder)</p>
    <div class="mission-links">
      
      
      <h4>To see what you need to do, you must sign up for the mission first!</h4>
      
    </div>
    
    
    <div class="mission-users">
      
      
      <h4>No users are currently participating in this mission.</h4>
      
      
    </div>
    
    
    <div class="mission-users">
      
      
      <h4>Be the first to complete this mission!</h4>
      
      
    </div>
    <br style="clear: both">
    
    <div class="quest-options">
      
      
        
        <form action="http://dasha.ics.hawaii.edu:8200/canopy/mission/attend-community-event/accept/" method="POST" style="display: inline">
          <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9"></div>
          <button type="submit" style="margin-right: 20px">I am up for this mission</button>
        </form>
        
      
      
      
      
      
    </div>
  </div>
</li>
        
      
      <br style="clear:both">
    </ul>
  
  
  <div id="quest-details" style="margin: 0px 10px; display: none">
    <div id="quest-contents" style="clear:both"></div>
    <a href="javascript:void(0)" id="quest-hide">Hide</a>
  </div>
  <br style="clear: both">
</div>





  </div>
  
  
  <div class="content">
    

<div id="canopy-about">
  <div style="text-align: right">
    <a id="canopy-hide-about" href="javascript:void(0);">Close</a>
  </div>
  <p>
    Welcome to the canopy! As one of the top players of the Kukui Cup, you now have exclusive access to this advanced area that provides: advanced energy visualizations, missions, and a private Wall for communication among Canopy members as well as the administrators of the Kukui Cup.  Use the Canopy to gain greater insight into the Hale Aloha energy usage and how you can help your lounge as well as all of the students play the Kukui Cup more effectively.
  </p>
</div>


<div id="canopy-viz" class="content-box">
  <div id="canopy-viz-title" class="content-box-title">
    Advanced Visualizations
    <a href="http://dasha.ics.hawaii.edu:8200/canopy/#" style="float: right">
    <img src="./canopy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;advanced-visualizations&#39;); return false;"></a>
  </div>
  <div id="canopy-viz-content">
    
<ul id="canopy-viz-list">

  <li id="canopy-hot-spot-link">
    <h3><a href="http://dasha.ics.hawaii.edu:8200/canopy?viz=1">Hot Spots</a></h3>
  </li>
  <li>|</li>
  <li id="canopy-heat-map-link">
    <h3><a href="http://dasha.ics.hawaii.edu:8200/canopy?viz=2">Heat Map</a></h3>
  </li>
  <li>|</li>
   <li id="canopy-wattdepot-link">
    <h3><a href="http://dasha.ics.hawaii.edu:8200/canopy?viz=3">Line Graph</a></h3>
  </li>
   <li>|</li>
   <li id="canopy-power-meters-link">
      <h3><a href="http://dasha.ics.hawaii.edu:8200/canopy?viz=4">Power Meters</a></h3>
   </li>
</ul>

<div id="canopy-visualizations">
  
  <div style="margin-left: 250px; width: 500px; text-align:left;">
    "You can't manage what you can't measure".
    In the canopy, you can work with several advanced visualizations to measure the live energy data in the dorms. 
    <p>
    <b>Click on the link above to see the advanced energy data visualizations.</b>
  </p></div>
  
  
  
    
  
  
  

  

</div>

<script type="text/javascript">
  
  // Use jQuery via jQuery(...)
  jQuery(document).ready(function(){
            
    jQuery("#canopy-viz-list li").click(function() {    
      
      if(!jQuery(this).hasClass("selected")) {
        jQuery("#canopy-viz-list li").removeClass("selected");
        jQuery(this).addClass("selected");
      }
      
      //return false;
    });

  });
                
</script>
  </div>
</div>

<div id="canopy-feed-members">
  <div id="canopy-feed" class="content-box">
    <div id="canopy-feed-title" class="content-box-title">
      Canopy Feed
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/#" style="float: right">
      <img src="./canopy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;canopy-feed&#39;); return false;"></a>
    </div>
    <div id="canopy-feed-content">
      

<div id="wall-form">
  <form id="news-post-form" action="http://dasha.ics.hawaii.edu:8200/canopy/wall/post/" method="POST">
    <div id="wall-post-errors"></div>
    <div id="wall-post">
      <textarea id="id_post" rows="10" cols="40" name="post">Share something with the canopy.</textarea>
      
      <button id="wall-post-submit" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled ui-button-text-only" role="button" aria-disabled="true" disabled=""><span class="ui-button-text">
      	Post
      </span></button>
      <br style="clear:both">
    </div>
  </form>
</div>

<ul id="wall-posts">
  



</ul>


  <p id="wall-no-posts" style="padding: 7px;">There are no posts yet!</p>

    </div>
  </div>
  
  <div id="canopy-karma" class="content-box">
    <div id="canopy-karma-title" class="content-box-title">
      Canopy Karma Scoreboard
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/#" style="float: right">
      <img src="./canopy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;canopy-karma&#39;); return false;">
		  </a>
	  </div>
	  <div id="canopy-karma-content">
	    

<table id="canopy-karma-scoreboard">
  <tbody><tr id="canopy-karma-scoreboard-header">
    <th class="karma-rank">Rank</th>
    <th class="karma-member">Member</th>
    <th class="karma-points">Karma Points</th>
  </tr>
  
  <tr>
    <td>1</td>
    <td>Caterina D.
    </td><td class="karma-points">0</td>
  </tr>
  
</tbody></table>

<div id="canopy-karma-prize">
  <a href="javascript:toggleHelp('widget', 'canopy-karma-prize');">
    #1 at the end of the competition wins a prize!
  </a>
</div>
	  </div>
	</div>
	
  <div id="canopy-members" class="content-box">
    <div id="canopy-members-title" class="content-box-title">
      Canopy Members
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/#" style="float: right">
      <img src="./canopy_files/icon-help-sm.png" width="20" align="center" title="Click to get help about this window" onclick="toggleHelp(&#39;widget&#39;, &#39;canopy-directory&#39;); return false;"></a>
    </div>
    <div id="canopy-members-content">
      


<ul id="canopy-member-list">
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#george">
        <img src="./canopy_files/default_avatar.png" alt="Photo of &lt;george&gt;" align="top">
        <div>&lt;george&gt;</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#pmj">
        <img src="./canopy_files/default_avatar.png" alt="Photo of pmj" align="top">
        <div>pmj</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#admin">
        <img src="./canopy_files/default_avatar.png" alt="Photo of Admin" align="top">
        <div>Admin</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#caterina-d">
        <img src="./canopy_files/default_avatar.png" alt="Photo of Caterina D." align="top">
        <div>Caterina D.</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#hana-b">
        <img src="./canopy_files/fb_photo.jpg" alt="Photo of Hana B." align="top">
        <div>Hana B.</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#risa-k">
        <img src="./canopy_files/fb_photo(1).jpg" alt="Photo of Risa K." align="top">
        <div>Risa K.</div>
      </a>
    </div>
  </li>
  
  <br style="clear: left">
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#alex-y">
        <img src="./canopy_files/default_avatar.png" alt="Photo of Alex Y." align="top">
        <div>Alex Y.</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#nathan-d">
        <img src="./canopy_files/default_avatar.png" alt="Photo of Nathan D." align="top">
        <div>Nathan D.</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#greg-b">
        <img src="./canopy_files/default_avatar.png" alt="Photo of Greg B." align="top">
        <div>Greg B.</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#robertinator">
        <img src="./canopy_files/default_avatar.png" alt="Photo of Robertinator" align="top">
        <div>Robertinator</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#kaveh-a">
        <img src="./canopy_files/default_avatar.png" alt="Photo of Kaveh A." align="top">
        <div>Kaveh A.</div>
      </a>
    </div>
  </li>
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#yongwen-x">
        <img src="./canopy_files/fb_photo(2).jpg" alt="Photo of Yongwen X." align="top">
        <div>Yongwen X.</div>
      </a>
    </div>
  </li>
  
  <br style="clear: left">
  
  
  <li>
    <div>
      <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/#michelle-k">
        <img src="./canopy_files/default_avatar.png" alt="Photo of Michelle K." align="top">
        <div>Michelle K.</div>
      </a>
    </div>
  </li>
  
  
</ul>
      <div style="clear: both">
        <a href="http://dasha.ics.hawaii.edu:8200/canopy/members/">View detailed list</a>
      </div>
    </div>
  </div>
  
  <div style="clear:both"></div>
</div>


  </div>
  
  <div id="footer">
      
  </div>
  
  







<div id="fb-root" class=" fb_reset"><div style="position: absolute; top: -10000px; height: 0px; width: 0px; "></div></div>
<script src="./canopy_files/all.js"></script>

<script type="text/javascript">
  FB.init({
    appId: '233999643296575', 
    status: true, 
    cookie: true, 
    xfbml: true
  });
  
  // Normally, we would wrap this in an anonymous function, but we want it to be available for later.
  // Get the spreadsheet we need.
  var energyLastThirtyDays = 'https://spreadsheets.google.com/spreadsheet/tq?key=0An9ynmXUoikYdHhxeW1xRURQZUlGd1oxVERnQktsWXc';
  var refreshInterval = 0; // don't refresh this spreadsheet.

  // Load the visualization API and the spreadsheet, then call displayRank.
  var loader = new org.wattdepot.gdata.GDataLoader(displayRank, energyLastThirtyDays, refreshInterval);  

  function displayRank(energyDataTable) {
    // The source for which we want to find the rank must be specified by Makahiki.
    var source = 'Ilima-E';
    var energyRank = new org.wattdepot.gdata.makahiki.EnergyRank();
    
    // Get the usage for the current round and overall.
    
      // console.log('Overall start: 87, end: 67');
      var usage = energyRank.processDataTable(energyDataTable, 87, 67);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
      energyRank.draw("overall-energy-rank", "overall-energy-value", info);
      
      
      
    
      // console.log('Round 2 start: 80, end: 74');
      var usage = energyRank.processDataTable(energyDataTable, 80, 74);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
    
      // console.log('Round 1 start: 87, end: 81');
      var usage = energyRank.processDataTable(energyDataTable, 87, 81);
      var info = energyRank.calculateRankInfo(usage, source);
      
      // Check if this is overall information.
      
        // Check if this is info for the current round.
        
      
      
      
    
  }
</script><script src="./canopy_files/saved_resource" type="text/javascript"></script><script src="./canopy_files/format+en,default.I.js" type="text/javascript"></script>




  </div>
  </div>
</div> 


<div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-widget-help-dialog"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-widget-help-dialog">Help</span><a href="http://dasha.ics.hawaii.edu:8200/canopy/#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="widget-help-dialog" style="" class="ui-dialog-content ui-widget-content">
</div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; "></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; "></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; "></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; "></div></div><div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-dialog"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-feedback-dialog">Send Feedback</span><a href="http://dasha.ics.hawaii.edu:8200/canopy/#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="feedback-dialog" style="" class="ui-dialog-content ui-widget-content">
  <form id="feedback-form" action="http://dasha.ics.hawaii.edu:8200/ask-admin/send-feedback/" method="POST">
    <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="a24f5c59567f2c177a6fd44ab2ab1de9"></div>
    <p>Having issues?  Just want to tell us something?  Let us know!</p>
    <input id="id_url" type="hidden" name="url" value="">
    <textarea id="id_question" rows="3" cols="53" name="question"></textarea><br>
    <input id="feedback-submit" type="submit" value="Send" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-disabled ui-state-disabled" role="button" aria-disabled="true" disabled="">
    <span id="feedback-spinner" style="display:none">
      Sending
      <img src="./canopy_files/spinner.gif">
    </span>
  </form>
</div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; "></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; "></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; "></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; "></div></div><div style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial; position: absolute; " class="ui-dialog ui-widget ui-widget-content ui-corner-all ui-draggable ui-resizable" tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-feedback-success"><div class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix"><span class="ui-dialog-title" id="ui-dialog-title-feedback-success">Thank You!</span><a href="http://dasha.ics.hawaii.edu:8200/canopy/#" class="ui-dialog-titlebar-close ui-corner-all" role="button"><span class="ui-icon ui-icon-closethick">close</span></a></div><div id="feedback-success" style="" class="ui-dialog-content ui-widget-content">
  <p style="text-align: left">
    Your feedback has been sent to the administrators.  If you asked a question, they will email
    you a response as soon as possible.
  </p>
  
  <button>OK</button>
</div><div class="ui-resizable-handle ui-resizable-n"></div><div class="ui-resizable-handle ui-resizable-e"></div><div class="ui-resizable-handle ui-resizable-s"></div><div class="ui-resizable-handle ui-resizable-w"></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se ui-icon-grip-diagonal-se" style="z-index: 1001; "></div><div class="ui-resizable-handle ui-resizable-sw" style="z-index: 1002; "></div><div class="ui-resizable-handle ui-resizable-ne" style="z-index: 1003; "></div><div class="ui-resizable-handle ui-resizable-nw" style="z-index: 1004; "></div></div></body></html>